<ree-top></ree-top>

<nz-layout id="layout">

  <nz-sider nzCollapsible [(nzCollapsed)]="isCollapsed" [nzTrigger]="null">
    <div class="logo">
    </div>
    <ul nz-menu [nzTheme]="'dark'" [nzMode]="isCollapsed?'vertical':'inline'">
      <li *ngFor="let item of sideItems" nz-submenu>
        <span title><i class="anticon {{item.icon}}"></i><span class="nav-text">{{item.name}}</span></span>
        <ul>
          <li *ngFor="let child of item.children" routerLink="{{child.route}}" nz-menu-item>{{child.name}}</li>
        </ul>
    </ul>
  </nz-sider>

  <nz-layout>
    <nz-content>
      <nz-breadcrumb>
        <nz-breadcrumb-item><i class="anticon trigger" [class.anticon-menu-fold]="!isCollapsed" [class.anticon-menu-unfold]="isCollapsed" (click)="isCollapsed=!isCollapsed"></i></nz-breadcrumb-item>
        <nz-breadcrumb-item *ngFor="let item of global.paths.path" routerLink="{{item.route}}">{{item.name}}</nz-breadcrumb-item>
      </nz-breadcrumb>
      <div id="layout-content">
        <router-outlet></router-outlet>
      </div>
    </nz-content>
    <nz-footer>日易设备管理系统 - 日易科技 © Copyright &copy; 2017</nz-footer>
  </nz-layout>

</nz-layout>